<ion-header>
  <ion-navbar>
    <ion-title class="home-title">账本</ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding>
   <div class="bg">
      <div class="left">
        收入
        <p>2345</p>
      </div>
      <div class="right">
        支出
        <p>
          5678
        </p>
      </div>
   </div>
   <div class="time">
     <span>2018年3月26 星期一</span>
     <span>总支出：52</span>
   </div>

   <div class="list-box">
     <ion-card>
       <ion-card-header>
         <span>吃喝娱乐</span>
         <span>52</span>
       </ion-card-header>
     </ion-card>
     <ion-card>
       <ion-card-header>
         <span>吃喝娱乐</span>
         <span>52</span>
       </ion-card-header>
     </ion-card>


   </div>
</ion-content>
